Question 1

Which of the following are categories of React Native components? Select all that apply:

Question 2

Does the FlatList offer a mechanism to configure a separator component between each item?

Question 3

The emulator displays the Little Lemon logo on the screen, as represented in the screenshot below.

Which of the following code snippets features the correct implementation to produce this output?

  import React from 'react'; 
import { View, Image, StyleSheet } from 'react-native'; 

const styles = StyleSheet.create({ 
  container: { 
    flex: 1, 
    margin: 10, 
  }, 
  logo: { 
    width: 100, 
    height: 100, 
    flex:1 
  }, 
}); 

const DisplayAnImageWithStyle = () => { 
  return (
  


  ); 
} 

export default DisplayAnImageWithStyle;

  import React from 'react'; 
import { View, Image, StyleSheet } from 'react-native'; 

const styles = StyleSheet.create({ 
  container: { 
    flex: 1, 
    margin: 10, 
  }, 
  logo: { 
    width: 100, 
    height: 100, 
    flex:1 
  }, 
}); 

const DisplayAnImageWithStyle = () => { 
  return (
  


  ); 
} 

export default DisplayAnImageWithStyle;

  import React from 'react'; 
import { View, Image, StyleSheet } from 'react-native'; 

const styles = StyleSheet.create({ 
  container: { 
    flex: 1, 
    margin: 10, 
  }, 
  logo: { 
    width: 100, 
    height: 100, 
    flex:1 
  }, 
}); 

const DisplayAnImageWithStyle = () => { 
  return (
  


  ); 
} 

export default DisplayAnImageWithStyle;

Question 4

The following code snippet correctly implements the authentication flow for the capstone project with React Navigation, rendering one set of screens or another depending on whether the user is authenticated or not. True or false?

isUserOnboarded ? (
 <>
    

 
) : (
 <>
    
 
);

Question 5

The JSON.parse method is used to convert a valid JSON object into a JSON string. True or false?

Question 6

Imagine you have the code below that fetches the menu items from a remote server.

const [items, setItems] = React.useState([]);

const fetchMenuItems = async () => {
    const response = await fetch(
    'https://raw.githubusercontent.com/Meta-Mobile-Developer-PC/Working-With- Data-API/main/menu-items-by-category.json'
    );
    setItems(response.data);
};

The endpoint returns a response that is in an array format. As soon as the items are retrieved, they are set into local state. Would the code below work as intended?

Question 7

The AsyncStorage API methods mergeItem and setItem can be used interchangeably. True or false?

Question 8

The Expo-SQLite library provides a transaction API that makes use of callbacks to notify about certain events. How could you improve them?

Question 9

What command in git can be used to show all changes made by each developer?

Question 10

When creating a form, you should space the input fields. True or false?